﻿<%@ Page Language="C#" MasterPageFile="~/Client.master" AutoEventWireup="true" CodeFile="Default.aspx.cs"
    Inherits="_Default" Title="Trang chủ thế giới di động Hoài Lâm" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link rel="Stylesheet" type="text/css" href="/Online/CSS/CSS.css" />
    <style type="text/css">
        .dl
        {
            background-color: White;
            width: 824px;
            -webkit-border-radius: 0px 0px 5px 5px;
        }
        .gia
        {
            color: Red;
            font-family: Palatino Linotype;
        }
        .tthover
        {
            color: Purple;
            border-style: hidden;
            font-family: Palatino Linotype;
        }
        .tieude2
        {
            background-color: #829FB3;
            width: 820px;
            font-weight: bold;
            padding-left: 5px;
            padding-top: 3px;
            height: 25px;
            font-family: "Palatino Linotype";
            color: White;
        }
        .sx
        {
            float: right;
            height: 25px;
            margin-top: 0px;
            right: 5px;
        }
        .z
        {
            z-index: 1000;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:ScriptManager ID="script" runat="server">
    </asp:ScriptManager>
    <div>
        <div class="tieude2">
            <asp:Label ID="lbloctheogia" runat="server" Text=""></asp:Label>
            <asp:DropDownList CssClass="sx" ID="dlsx" runat="server" Width="140px" AutoPostBack="true"
                OnSelectedIndexChanged="dlsx_SelectedIndexChanged">
                <asp:ListItem Value="0">-Sắp xếp theo-</asp:ListItem>
                <asp:ListItem Value="1">Giá thấp -> cao</asp:ListItem>
                <asp:ListItem Value="2">Giá cao -> thấp</asp:ListItem>
                <asp:ListItem Value="3">Sản phẩm mới</asp:ListItem>
            </asp:DropDownList>
        </div>
        <asp:UpdatePanel ID="pnanel" runat="server">
            <ContentTemplate>
                <asp:Panel ID="locgia" runat="server" CssClass="dl">
                    <div style="width: 824px; margin-bottom: 10px; color: White; -webkit-border-radius: 5px;">
                        <asp:DataList ID="dlsp" runat="server" RepeatColumns="4" BackColor="White">
                            <ItemTemplate>
                                <asp:Panel ID="showtt" runat="server" CssClass="z">
                                    <div style="width: 310px; -webkit-border-radius: 5px; border: 1px solid #c6c6c6;
                                        background-color: lavender;">
                                        <div style="margin-top: 0px;">
                                            <div style="text-align: center; width: 310px; font-weight: bold; color: Purple; font-family: Palatino Linotype;">
                                                Tính năng nổi bật</div>
                                            <hr />
                                            <asp:Label ID="ladsd3" runat="server" CssClass="tthover" Text='<%#Eval("TinhNangNB").ToString().Replace("@", "<br>* ") %>'></asp:Label>
                                        </div>
                                    </div>
                                </asp:Panel>
                                <table cellpadding="0" cellspacing="0" border="1" style="border: 1px solid #e6e6e6;
                                    margin: 10px;" width="184px">
                                    <tr>
                                        <td align="center" width="100px" style="padding-top: 3px; padding-bottom: 3px; border-color: #CCCCCC;
                                            border-style: hidden; text-align: center;">
                                            <a href='<%#"/Online/Sanpham_Chitiet.aspx?m="+Eval("Masp") %>'>
                                                <asp:Image ID="IMG" runat="server" Width="80px" Height="80px" ImageUrl='<%#Eval("Hinhanh") %>' />
                                            </a>
                                            <cc1:HoverMenuExtender ID="HoverMenuExtender1" runat="server" DynamicServicePath=""
                                                Enabled="True" TargetControlID="IMG" PopupPosition="Right" CacheDynamicResults="true"
                                                PopupControlID="showtt" EnableViewState="true">
                                            </cc1:HoverMenuExtender>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border-color: #CCCCCC; border-style: hidden; text-align: center;">
                                            <a href='<%#"/Online/Sanpham_Chitiet.aspx?m="+Eval("Masp") %>' style="text-decoration: none;">
                                                <asp:Label ID="TenspLabel" CssClass="tensp" runat="server" Text='<%# Eval("Tensp") %>' /></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border-color: #CCCCCC; border-style: hidden; text-align: center;">
                                            <asp:Label ID="GiabanLabel" CssClass="gia" runat="server" Text='<%# Eval("Giaban","{0:N0}")+" VNĐ" %>' />
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </asp:DataList><br />
                        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
                    </div>
                </asp:Panel>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="dlsx" EventName="SelectedIndexChanged" />
            </Triggers>
        </asp:UpdatePanel>
        <asp:UpdateProgress ID="pro" runat="server" AssociatedUpdatePanelID="pnanel">
        </asp:UpdateProgress>
    </div>
</asp:Content>
